<template>
  <h1 v-text="title"></h1>
  <h1 v-text="content"></h1>
  <h1 v-text="shareCount"></h1>
</template>

<script>


import {toRefs} from "vue";

export default {
  name: "LhzB",
  setup() {
    const article = {
      title: '桃李不言下自成蹊',
      content: '我爱你中国，亲爱的母亲',
      shareCount: 0
    };
    // 当要拆解一个对象的多个属性的时候，可以调用toRefs
    const toRefsArticle = toRefs(article);
    return {
      ...toRefsArticle
    };
  }
}
</script>

<style scoped>

</style>